<div data-role='page grid' data-grid-rows="<%$($.self.utils.fusionStatusBar()?'20,':'')%>45,*,55" data-grid-cols="*">
		<%$($.self.utils.fusionStatusBarSpace(20))%>
		<%
			var focusList = this.data.carlist;
			var catList = this.data.catlist;
			var providerList = this.data.userlist;
			var articleList = this.data.shalist;
			var faqList = this.data.prolist;
			var user = this.user;
		%>
			<div class='ui-header' data-role="cell">
				<div class='ui-title'>
					<i class='ui-logo-white'></i>
				</div>
				<div class='ui-bar-right' data-event="click>go:/search,/home"><i class="ui-icon-18 ui-icon-18-search"></i>
				</div>
			</div>
			<div class="ui-content" data-role="cell scroll">
				<link id='banner' data-role='view' data-options='{"height":"180px"}' data-view="../controls/image-slider/main" />
				<div class='ui-home-category' data-role='grid' data-grid-cols="*,*,*,*" data-grid-rows="*,*">
					<% $.each(catList.slice(0,8),function(i,item){ %>
						<div class='ui-home-category-item' data-role='cell' style="background-image:url(<%=user.syproUri%><%=item.categoryImageUrl%>);" data-event="click>go:/project/list/<%=item.categoryCode%>,/home">
							<div class='ui-home-category-item-text'>
								<%$(item.categoryName)%>
							</div>
						</div>
					<% }) %>
				</div>
				<div class="ui-block">
					<div class='ui-block-title'>
						<div class='ui-block-icon'></div>
						推荐的服务商
						<div class='ui-bar-right' data-event="click>go:/provider/provider,/home">更多...</div>
					</div>
					<div class='ui-block-body ui-home-provider' data-role='grid' data-grid-cols="*,*,*,*" data-grid-rows="*">
						<% $.each(providerList.slice(0,4),function(i,item){ %>
							<div class='ui-home-provider-item' data-role='cell' style="background-image:url(<%=user.syproUri%><%=item.userPhoto%>);" data-event="click>go:/provider/info/<%=item.id%>,/home">
								<div class='ui-home-provider-item-text'>好评:
									<%$(item.percent)%>
								</div>
							</div>
							<% }) %>
					</div>
				</div>
				<div class="ui-block">
					<div class='ui-block-title'>
						<div class='ui-block-icon'></div>
						文章
						<div class='ui-bar-right' data-event="click>go:/share/article,/home">更多...</div>
					</div>
					<div class='ui-block-body ui-home-article'>
						<% $.each(articleList.slice(0,2),function(i,item){ %>
							<div class='ui-home-article-item' style="background-image:url(<%=user.syproUri%><%=item.userPhoto%>);" data-event="click>go:/article/info/<%=item.id%>,/home">
								<div class='ui-home-article-item-header'>
									<%=item.shareTitle%>
								</div>
								<div class='ui-home-article-item-text'>
									<%=item.shareContent%>
								</div>
								<div class='ui-home-article-item-footer'>
									<%=item.userName%> ,
									<%=item.createTime%>
								</div>
							</div>
							<% }) %>
					</div>
				</div>
				<div class="ui-block">
					<div class='ui-block-title'>
						<div class='ui-block-icon'></div>
						问答
						<div class='ui-bar-right' data-event="click>go:/share/ask,/home">更多...</div>
					</div>
					<div class='ui-block-body ui-home-faq'>
						<% $.each(faqList.slice(0,2),function(i,item){ %>
							<div class='ui-home-faq-item' data-event="click>go:/ask/info/<%=item.id%>,/home">
								<div class='ui-home-faq-item-photo' style="background-image:url(<%=user.syproUri%><%=item.userPhoto%>);"></div>
								<div class='ui-home-faq-item-header'>
									<%=item.userName%>
								</div>
								<div class='ui-home-faq-item-text'>
									<%=item.problemContent%>
								</div>
								<div class='ui-home-faq-item-footer'>
									<%=item.count%> 个回答</div>
							</div>
						<% }) %>
					</div>
				</div>
			</div>
			<div class='ui-footer' data-role="cell">
				<link id='nav' data-role='view' data-view="../views/nav" />
			</div>
	</div>